<!--
* @description 
* @fileName goodsDetail.vue
* @author huangyu
* @date 2023/03/07 10:39:41
!-->
<template>
    <div>
        <el-row style="padding:20px;">
            <el-col :span="24">{{ model.goodsName }} {{ model.onSale?'':'[已下架]' }}</el-col>
            <el-col :span="24">物品等级：{{ model.level }}</el-col>
            <el-col :span="24">所属门派：{{ model.classStr }}</el-col>
            <el-col :span="24">物品类型：{{ model.typeStr }}</el-col>
            <el-col :span="24">物品品质：{{ model.pinzhi }}</el-col>
            <el-col :span="24">物品附加：{{ model.fujia }}</el-col>
            <el-col :span="24">强化等级：{{ model.strong?model.strong:'无' }}</el-col>
            <el-col :span="24">售卖单价：
                <strong class="color_danger"
                    style="font-size:16px;margin-right:2px;display:inline-block;">{{ model.money }}</strong>
                {{ model.priceType == '1' ? '金币' : model.priceType == '2' ? '炼器符' : '' }}
            </el-col>
            <el-col :span="24">售卖数量：{{ model.number }}</el-col>
            <el-col :span="24" v-if="model.gameName">寄售人：{{ model.gameName }}</el-col>
            <el-col :span="24" v-if="model.gameName">
                <div v-if="token">
                    <div v-if="model.isSecrecy">qq：保密</div>
                    <div v-else>qq：{{ model.qq }}</div>
                </div>
            </el-col>
            <el-col :span="24" v-if="model.remake">
                物品图片：<i class="el-icon-picture-outline color_blue" style="font-size:16px;" v-if="model.goodsImage" @click="clickGoodsImage(model.goodsImage)"></i>
            </el-col>
            <el-col :span="24" v-if="model.remake">
                备注：{{model.remake}}
            </el-col>
        </el-row>
    </div>
</template>

<script>
import { ImagePreview } from 'vant';
export default {
    components: {},
    props:{
        model: {}
    },
    data() {
        return {

        }
    },
    mounted() {

    },
    methods: {
        clickGoodsImage(url){
            ImagePreview([url]);
        },
    },
}
</script>

<style scoped></style>